<!DOCTYPE html>
<html ng-app>
<head>
    <meta charset="utf-8">
    <title>ajax data</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
    <style type="text/css">
        *{
            margin: 0;
            padding:0;
            font-size: 12px;
            color: #333;
        }
        table td{
            padding:5px 10px;
        }
    </style>
</head>
<body ng-controller="ShoppingController">
    <h1>Shop!</h1>
    <table border="1">
        <tr ng-repeat="item in items">
            <td>{{item.title}}</td>
            <td>{{item.description}}</td>
            <td>{{item.price}}</td>
        </tr>
    </table>
    <script type="text/javascript">
        function ShoppingController($scope,$http){
            $http.get('data.js').success(function(data,status,headers,config){
                $scope.items = data;
            })
        }
    </script>
</body>
</html>